import Taro, { Component } from '@tarojs/taro'
import { View, Text } from '@tarojs/components'
import './appointmentregister.css'
import { AtList, AtListItem,AtCard } from "taro-ui"
import {$navigateTo,$redirectTo,getGlobalData } from '../../../global'
import app from '../../../main.js'

export default class AppointmentRegister extends Component {

  config = {
    navigationBarTitleText: '预约挂号'
  }
  fukuan=()=>{
    app.redirectTo("../registration/registration")
  }
  componentWillMount () { }

  componentDidMount () { }

  componentWillUnmount () { }

  componentDidShow () { }

  componentDidHide () { }

  render () {
    return (
      <View className='appointment-register'>
        <AtCard
        title='陈柳北医生 门诊地点'
        thumb={getGlobalData('baseurl')+'img/zhuanjia.png'}
        >
        <AtList hasBorder={false}>
        <AtListItem onClick={this.fukuan} className='list' title='广州南方医院本部3楼203' hasBorder={false}  note='广州市广州大道北1838号' extraText='挂号' arrow='right' />
        <AtListItem onClick={this.fukuan} className='list' title='广州南方医院分部12楼108' hasBorder={false}  note='广州市西南路113号' extraText='挂号' arrow='right' />
        <AtListItem onClick={this.fukuan} className='list' title='广州南方医院本部3楼203' hasBorder={false}  note='广州市广州大道北1838号' extraText='挂号' arrow='right' />
        <AtListItem onClick={this.fukuan} className='list' title='广州南方医院分部12楼108' hasBorder={false}  note='广州市西南路113号' extraText='挂号' arrow='right' />
        </AtList>
        </AtCard>
        <AtCard
        title='出诊说明'
        thumb={getGlobalData('baseurl')+'img/shuoming.png'}
        className='gray'
        >
        欢迎各位网上分时段预约，以尽量节省各位的候诊时间。周6上午门诊开放网上预约30个号、从8点到11点每个时段10个号（原先仅仅10个号），
        现场挂号20号。周3下午门诊，开放网上预约20个号，从下午1点到4点，每个时段5-10个号，现场挂号30个号。对于不熟悉网络的病友，可以现
        场提前挂号。在上午8点、下午1点前，按照实际挂号的先后顺序进行门诊。
        </AtCard>
        <AtCard
        title='温馨提示'
        thumb={getGlobalData('baseurl')+'img/tishi.png'}
        className='gray'
        >
        突发情况导致医生门诊时间、出诊地点、门诊类型（普通、专家或特需门诊）、挂号费用的改变，请以医院
        当日公布为准，或拨打医院电话确认：020-123456
        </AtCard>
      </View>
    )
  }
}

